<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
  <title><?php bibliotype_page_title(); ?></title>
  <meta charset="<?php bloginfo( 'charset' ); ?>">
  <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <link rel="apple-touch-icon" sizes="72x72" href="_ui/images/ipad_icon.png" />
  <link rel="apple-touch-startup-image" href="_ui/images/startup.png" />
  <!-- CM: This doesn't work in landscape but wouldn't it be nice if it did? /me nudges Apple -->
  <link rel="apple-touch-startup-image" media="screen and (orientation: landscape)" href="_ui/images/startup-land.png" />
  <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
	<?php wp_head(); ?>
</head>

<body class="low georgia ragged">
  <div id="menu_tab">Menu</div>
  <div id="menu_wrap">
    <menu>
      <h1>Bibliotype</h1>
      <ul class="sizes">
        <li class="desc">Size</li>
        <li class="size1">bed</li>
        <li class="size2">knee</li>
        <li class="size3">breakfast</li>
      </ul>

      <ul class="text_type">
        <li class="desc">Justification</li>
        <li class="rag">Ragged</li>
        <li class="just">Justified</li>
      </ul>

      <ul class="family">
        <li class="desc">Family</li>
        <li class="geo">Georgia</li>
        <li class="hel">Helvetica</li>
      </ul>
      
      <ul class="contrast">
        <li class="desc">Contrast</li>
        <li class="lowc">Low</li>
        <li class="highc">High</li>
      </ul>
      
      <ul class="grid">
        <li class="desc">Grid</li>
        <li class="bg_off">Grid Off</li>
        <li class="bg_on">Grid On</li>
      </ul>
      
      <ul class="hyphenation">
        <li class="desc">Hyphenation</li>
        <li id="hyphenToggle">Toggle</li>
      </ul>
      <div id="menu_footer">
        <p>More information at: <a href="http://bibliotype.org/">http://bibliotype.org/</a></p>
      </div>
    </menu>
  
  </div>

  <div id="content_container" class="knee">
    <div class="not_tablet">
      <!--h1 class="bibliotype">Bibliotype — HTML5 templates for longform reading</h1-->
      <div class="instructions">
        <p class="alert"><?php bibliotype_alert(); ?></span></p>
      </div>
    </div>
	
	<header><?php bibliotype_title(); ?></header>
	<div class="body_text">
    